<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>公共页面抽取</title>
</head>
<body>
    <!-- 页面头部 -->
        <header class="main-header" th:fragment="head">

            <!-- Logo -->
            <a th:href="all-admin-index.html" class="logo">
                <!-- mini logo for sidebar mini 50x50 pixels -->
                <span class="logo-mini"><b>工单</b></span>
                <!-- logo for regular state and mobile devices -->
                <span class="logo-lg"><b>工单</b>管理系统</span>
            </a>

            <!-- Header Navbar: style can be found in header.less -->
            <nav class="navbar navbar-static-top">
                <!-- Sidebar toggle button-->
                <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
                    <span class="sr-only">Toggle navigation</span>
                </a>

                <div class="navbar-custom-menu">
                    <ul class="nav navbar-nav">
                        <!-- User Account: style can be found in dropdown.less -->
                        <li class="dropdown user user-menu">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                <img src="/img/user2-160x160.jpg" class="user-image" alt="User Image">
                                <span class="hidden-xs">张三</span>
                            </a>
                            <ul class="dropdown-menu">
                                <!-- User image -->
                                <li class="user-header">
                                    <img src="/img/user2-160x160.jpg" class="img-circle" alt="User Image">

                                    <p>
                                        张三 - 工单管理员
                                        <small>最后登录 11:20AM</small>
                                    </p>
                                </li>
                                <!-- Menu Body -->
                                <!-- Menu Footer-->
                                <li class="user-footer">
                                    <div class="pull-left">
                                        <a href="#" class="btn btn-default btn-flat">修改密码</a>
                                    </div>
                                    <div class="pull-right">
                                        <a href="#" class="btn btn-default btn-flat">注销</a>
                                    </div>
                                </li>
                            </ul>
                        </li>

                    </ul>
                </div>
            </nav>
        </header>
    <!-- 页面头部 /-->

    <!-- 导航侧栏 -->
    <aside class="main-sidebar" th:fragment="aside">
        <!-- sidebar: style can be found in sidebar.less -->
        <section class="sidebar">
            <!-- Sidebar user panel -->
            <div class="user-panel">
                <div class="pull-left image">
                    <img src="../img/user2-160x160.jpg" class="img-circle" alt="User Image">
                </div>
                <div class="pull-left info">
                    <p>张猿猿</p>
                </div>
            </div>
            <!-- search form -->
            <!--<form action="#" method="get" class="sidebar-form">
    <div class="input-group">
        <input type="text" name="q" class="form-control" placeholder="搜索...">
        <span class="input-group-btn">
        <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
        </button>
      </span>
    </div>
</form>-->
            <!-- /.search form -->

            <!-- sidebar menu: : style can be found in sidebar.less -->
            <ul class="sidebar-menu">
                <li class="header">菜单</li>

                <li id="admin-index">
                    <a href="index.html" th:href="@{/index}"><i class="fa fa-university"></i> <span>首页</span></a>
                </li>

                <li id="admin-plans">
                    <a href="plans.html" th:href="@{/plans}"><i class="fa fa-file"></i> <span>在途工单</span></a>
                </li>
                <li id="admin-dolist">
                    <a href="dolist.html" th:href="@{/dolist}"><i class="fa fa-pencil-square-o"></i> <span>待处理工单</span></a>
                </li>
                <li id="admin-map">
                    <a href="map.html" th:href="@{/map}"><i class="fa fa-taxi"></i> <span>工单路线规划</span></a>
                </li>
                <li id="admin-historys">
                    <a href="historys.html" th:href="@{/historys}"><i class="fa fa-folder-open"></i> <span>历史工单</span></a>
                </li>
                <li id="admin-users">
                    <a href="#"><i class="fa  fa-users"></i> <span>用户信息中心</span></a>
                </li>
                <li id="admin-more">
                    <a href="#"><i class="fa fa-cube"></i> <span>敬请期待</span></a>
                </li>
            </ul>
        </section>
        <!-- /.sidebar -->
    </aside>
    <!-- 导航侧栏 /-->
    <!-- 底部导航 -->
        <footer class="main-footer" th:fragent="footer">
            <div class="pull-right hidden-xs">
                <b>Version</b> 1.0.8
            </div>
            <strong>Copyright &copy; 2019-2020>深圳市电信工程有限公司</a>.</strong> All rights reserved.
        </footer>
    <!-- 底部导航 /-->
</body>
</html>